div.annotation{
	position:absolute;
}


div.annotation a.anchor{
	background:black;
	padding:1px 5px;
	color:white;
	text-decoration:none;
	font-weight:bold;
	font-size:1.3em;
	border:1px solid black;
}
div.annotation a.anchor:hover{
	color:orange;
}


div.annotation div.window{
	position:absolute;
	background:#FFFFEA;
	display:none;
	margin:-22px 0 0 20px;
	border:1px solid blue;
	padding:0;
	z-index:1000;
	-webkit-box-shadow: 2px 2px 5px #888;
}
div.annotation div.footer:after{content:".";display:block;height:0;clear:both;visibility:hidden;}

div.annotation a.expand{
	float:right;
	text-decoration:none;
	text-transform:uppercase;
	font-size:9px;
	font-weight:bold;
	color:gray;
	padding:0 2px;
	margin:3px 0;
	outline:0;
	cursor:default;
}

div.annotation div.body{
	background:transparent;
	border:1px solid white;
	padding:1px;
}
div.annotation div.ouput,
div.annotation textarea.edit
	{
	font-family:inherit;
	font-size:1em;
	line-height:1.3em;
	}
div.annotation div.output
	{
	overflow:auto;
	height:200px;
	width:200px;
	cursor:default;
	}
div.annotation textarea.edit
	{
	border:0;
	}

div.annotation div.footer
	{
	position:absolute;
	margin:0 0 -15px 0;
	}
div.annotation div.controls
	{
	display:none;
	}
div.annotation div.controls a
	{
	text-transform:uppercase;
	margin:0 3px 0 2px;
	font-size:0.8em;
	text-decoration:none;
	}
div.annotation div.controls a.save
	{
	font-weight:bold;
	}
div.annotation div.controls a.cancel
	{
	color:gray;
	}
div.annotation div.controls a:hover
	{
	color:black;
	}


div.annotation[open='true'] div.window{
	border-color:black;
}

div.annotation textarea.edit
	{
	display:none;
	}
div.annotation[editmode='true'] textarea.edit
	{
	display:block;
	}
div.annotation[editmode='true'] div.output
	{
	display:none
	}